<div class="form-group row">
  <label  class="col-3 col-form-label text-right">游戏类型:</label>
  <div class="col-9">
    <div class="custom-control custom-radio custom-control-inline" (click)="chooseGameType(1)">
      <input type="radio" id="landmine" name="landmine"
             class="custom-control-input" [value]="1" [checked]="play_type === 1">
      <label class="custom-control-label" for="landmine">扫雷红包</label>
    </div>
    <div class="custom-control custom-radio custom-control-inline" (click)="chooseGameType(3)">
      <input type="radio" id="cow" name="cow"
             class="custom-control-input" [value]="3" [checked]="play_type === 3">
      <label class="custom-control-label" for="cow">接龙红包</label>
    </div>
    <div class="custom-control custom-radio custom-control-inline" (click)="chooseGameType(2)">
      <input type="radio" id="dragon" name="dragon"
             class="custom-control-input" [value]="2" [checked]="play_type === 2">
      <label class="custom-control-label" for="dragon">牛牛红包</label>
    </div>
  </div>
</div>

<div class="form-group row" *ngIf="play_type === 1">
  <label  class="col-3 col-form-label text-right">倍数:</label>
  <div class="col-9 mt-1">
    <div class="custom-control custom-radio custom-control-inline" (click)="chooseNumber(1)">
      <input type="radio" id="oneSeve" name="oneSeve"
             class="custom-control-input" [value]="1" [checked]="multi === 1">
      <label class="custom-control-label" for="oneSeve">1.5倍7包</label>
    </div>
    <div class="custom-control custom-radio custom-control-inline" (click)="chooseNumber(2)">
      <input type="radio" id="oneEight" name="oneEight"
             class="custom-control-input" [value]="2" [checked]="multi === 2">
      <label class="custom-control-label" for="oneEight">1.3倍8包</label>
    </div>
    <div class="custom-control custom-radio custom-control-inline" (click)="chooseNumber(3)">
      <input type="radio" id="oneSix" name="oneSix"
             class="custom-control-input" [value]="3" [checked]="multi === 3">
      <label class="custom-control-label" for="oneSix">1.8倍6包</label>
    </div>
  </div>
</div>

<div class="form-group row" *ngIf="play_type === 1">
  <label  class="col-3 col-form-label text-right">间隔:</label>
  <div class="col-9 mt-1">
    <div class="custom-control custom-radio custom-control-inline" (click)="chooseTime(1)">
      <input type="radio" id="ten" name="ten"
             class="custom-control-input" [value]="1" [checked]="times === 1">
      <label class="custom-control-label" for="ten">10秒</label>
    </div>
    <div class="custom-control custom-radio custom-control-inline" (click)="chooseTime(2)">
      <input type="radio" id="thirty" name="thirty"
             class="custom-control-input" [value]="2" [checked]="times === 2">
      <label class="custom-control-label" for="thirty">30秒</label>
    </div>
    <div class="custom-control custom-radio custom-control-inline" (click)="chooseTime(3)">
      <input type="radio" id="oneMinite" name="oneMinite"
             class="custom-control-input" [value]="3" [checked]="times === 3">
      <label class="custom-control-label" for="oneMinite">1分钟</label>
    </div>
  </div>
</div>

<form [formGroup]="gameGroupForm">
<div class="form-group row" *ngIf="play_type === 3">
  <label for="whatsUp" class="col-3 col-form-label ml-2 text-right">发包员ID:</label>
  <input id="whatsUp" class="ml-2" formControlName="sendPacketUserOfJL">
</div>
<div class="form-group row" *ngIf="play_type === 1 || play_type === 2">
  <label for="downTimes" class="col-3 col-form-label text-right">金额: </label>
  <div class="col-9 row" id="timetotime">
    <label class="col-form-label" for="downTimes">最低</label><input class="col-3 ml-3" style="height: 27px" formControlName="low_account" id="downTimes">
    <label class="col-form-label ml-2" for="upTimes">最高</label><input class="col-3 ml-4" style="height: 27px" formControlName="high_account" id="upTimes">
  </div>
</div>
</form>
<div class="form-group row" *ngIf="play_type === 3">
  <label  class="col-3 col-form-label text-right">金额:</label>
  <div class="col-9 mt-1">
    <div class="custom-control custom-radio custom-control-inline" (click)="chooseMoney(1)">
      <input type="radio" id="thirtyYuan" name="thirtyYuan"
             class="custom-control-input" [value]="1" [checked]="level === 1">
      <label class="custom-control-label" for="thirtyYuan">30</label>
    </div>
    <div class="custom-control custom-radio custom-control-inline" (click)="chooseMoney(2)">
      <input type="radio" id="twoHYuan" name="twoHYuan"
             class="custom-control-input" [value]="2" [checked]="level === 2">
      <label class="custom-control-label" for="twoHYuan">200</label>
    </div>
    <div class="custom-control custom-radio custom-control-inline" (click)="chooseMoney(3)">
      <input type="radio" id="fiveHYuan" name="fiveHYuan"
             class="custom-control-input" [value]="3" [checked]="level === 3">
      <label class="custom-control-label" for="fiveHYuan">500</label>
    </div>
  </div>
</div>

<div class="form-group row" *ngIf="play_type === 1">
  <label  class="col-3 col-form-label text-right">特殊奖励:</label>
  <div class="col-9 mt-1">
    <div class="custom-control custom-radio custom-control-inline" (click)="chooseGift(1)">
      <input type="radio" id="open" name="open"
             class="custom-control-input" [value]="1" [checked]="is_join_special_reward === 1">
      <label class="custom-control-label" for="open">开启</label>
    </div>
    <div class="custom-control custom-radio custom-control-inline" (click)="chooseGift(0)">
      <input type="radio" id="off" name="off"
             class="custom-control-input" [value]="0" [checked]="is_join_special_reward === 0">
      <label class="custom-control-label" for="off">关闭</label>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-12 text-center">
    <button class="btn btn-sm btn-teal w-50" (click)="save()">
      保存信息
    </button>
  </div>
</div>